<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap</title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">
    <script src="../static/jquery-3.2.1.js"></script>
    <script src="../static/bootstrap/js/bootstrap.min.js"></script>


</head>
<body>
<!--按钮-->
<button class="btn btn-default btn-lg">Hello World!</button>
<button class="btn btn-success btn-sm">Hello World!</button>
<button class="btn btn-primary btn-active">Hello World!</button>
<button class="btn btn-danger">Hello World!</button>
<button class="btn btn-group-justified">Hello World!</button>



<!--标题文字-->
<p class="text-left">
    mukewang
</p>
<p class="text-center">
    mukewang
</p>

<p class="text-right">
    mukewang
</p>
<p class="text-lowercase">   <!--全变小写-->
    MIKEAWANG
</p>
<p class="text-capitalize">  <!--首字母大写-->
    mukewang
</p>
<p class="text-">
    mukewang
</p>

<!--表格-->
<table class="table table-striped table-bordered table-hover" >
    <thead>
    <tr>
        <th>biaoti1</th>
        <th>biaoti2</th>
        <th>biaoti3</th>
    </tr></thead>
    <tbody>
    <tr class="waring">
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>

    </tr>
    <tr class="danger">
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>

    </tr>
    <tr class="active">
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>

    </tr>
    </tbody>
</table>

<from class="form-inline">

    <div class="form-group">
        <label for="">这是一个输入框：</label>
        <input type="text" class="form-control" placeholder="这是个输入框"/>

    </div>
    <div class="form-group">
        <label for="">这是一个输入框：</label>
        <select class="form-control" name="" id="" >
            <option value="">北京</option>
            <option value="">北京</option>
            <option value="">北京</option>
            <option value="">北京</option>
        </select>

    </div>

    <div class="form-group">
        <label for="">这是一个输入框：</label>
        <textarea class="form-control" name="" id="" cols="30" rows="10"></textarea>

    </div>


</from>




</body>
</html>